<style>
    .login {
      background: #eceeee;
      border: 1px solid #42464b;
      border-radius: 6px;
      height: 257px;
      margin: 20px auto 0;
      width: 298px;
    }
    .login h1 {
      background-image: linear-gradient(top, #f1f3f3, #d4dae0);
      border-bottom: 1px solid #a6abaf;
      border-radius: 6px 6px 0 0;
      box-sizing: border-box;
      color: #727678;
      display: block;
      height: 43px;
      font: 600 14px/1 'Open Sans', sans-serif;
      padding-top: 14px;
      margin: 0;
      text-align: center;
      text-shadow: 0 -1px 0 rgba(0,0,0,0.2), 0 1px 0 #fff;
    }
    input[type="text"] { 
      width: 120px;
      display: inline-block;
    }
  
    input[type="checkbox"] {
      cursor: pointer;
      height: 16px;
      opacity: 0;
      position: relative;
      width: 64px;
    }
    input[type="checkbox"]:checked {
      left: 29px;
      width: 58px;
    }
    .toggle {
      display: block;
      height: 16px;
      margin-top: -20px;
      width: 87px;
      z-index: -1;
    }
    input[type="checkbox"]:checked + .toggle { background-position: 0 -16px }
    .forgot {
      color: #7f7f7f;
      display: inline-block;
      float: right;
      font: 12px/1 sans-serif;
      left: -19px;
      position: relative;
      text-decoration: none;
      top: 5px;
      transition: color .4s;
    }
    .forgot:hover { color: #3b3b3b }
    input[type="submit"] {
      width:240px;
      height:35px;
      display:block;
      font-family:Arial, "Helvetica", sans-serif;
      font-size:16px;
      font-weight:bold;
      color:#fff;
      text-decoration:none;
      text-transform:uppercase;
      text-align:center;
      text-shadow:1px 1px 0px #37a69b;
      padding-top:6px;
      margin: 29px 0 0 29px;
      position:relative;
      cursor:pointer;
      border: none;  
      background-color: #37a69b;
      background-image: linear-gradient(top,#3db0a6,#3111);
      border-top-left-radius: 5px;
      border-top-right-radius: 5px;
      border-bottom-right-radius: 5px;
      border-bottom-left-radius:5px;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 5px 0px 0px #497a78, 0px 10px 5px #999;
    }
    
    .shadow {
      background: #000;
      border-radius: 12px 12px 4px 4px;
      box-shadow: 0 0 20px 10px #000;
      height: 12px;
      margin: 30px auto;
      opacity: 0.2;
      width: 270px;
    }
    
    input[type="submit"]:active {
      top:3px;
      box-shadow: inset 0px 1px 0px #2ab7ec, 0px 2px 0px 0px #31524d, 0px 5px 3px #999;
    }    
    </style>
    
    <div class="login">
      1. 为小学二年级学生试讲古诗《村居》
      村居
      作者： 高鼎 </br>
      草长莺飞二月天，拂堤杨柳醉春烟。 
       <div><input type="text" placeholder="填写诗句" id="frist" name="frist">
        ，<input type="text" placeholder="填写诗句" id="sec" name="sec"></div>
         
        <input type="submit" value="提交" name="loginButton">
    </div>
    <div class="shadow"></div>
    